﻿/* common */
body{font:normal 14px/24px Microsoft YaHei,SimHei,SimSun; background:url(../images/top.jpg) top center no-repeat #f9f9f7;color:#979797;text-align:justify;text-justify:inter-ideograph;}
body,p,ul,li,ol,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,iframe{margin:0;padding:0;}
ul,li,ol{list-style:none outside none;}
a img{border:none; vertical-align:top;}
a:link, a:visited {text-decoration:none;color:#363636;}
a:hover {text-decoration:underline;}
a:focus { color:#0c1d0d;}
p { text-indent:2em;}
input,select{vertical-align:middle;}
.fl {float:left;}

/* clear */
.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.mb20 {margin-bottom:20px;}
/* warp */
.warp {width:100%; height:570px;}
/* header */
.header{width:967px; margin:0 auto;}

/*  tingtu */
 .dingtu{margin:0 auto;}
/* main */
/*
.main{width:910px; padding:0 25px 0 32px; margin:0 auto;background: url('../images/tongtiao.jpg') repeat-y 3px top;_position:absolute;_top:357px;_left:50%;_margin-left:-483px;}
*/
.main{
	width:910px;
	padding:32px 25px 0 32px;
	margin:0 auto;
	background:#f9f9f7;
	overflow:hidden
}
.news p{float:left;width:330px;padding-left:35px;line-height:24px;color:#383838; margin-top:-2px;}
.news h4 {color:#de012c;font-size:16px; font-weight:normal;}
.shipin{padding-top:10px;}
.shipin p{text-indent:0;}
.shipin ul{float:left;width:331px;padding-top:10px;}
.shipin dl{float:left;padding:0 0 5px 10px;}
/* 10年成长 */
.year_grow {
	width:968px;
	height:239px;
	background:url('../images/fq.jpg') no-repeat;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 45px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.year_grow ul {padding-left:28px;width:990px;}
.year_grow li {font-size:16px; color:#212121;float:left;margin-right:60px;_display:inline;cursor:pointer;height:15px; width:60px;padding-top:20px;}
.year_grow li.act {color:#e30000;}

.year_list dl {padding:60px 0 0 30px; height:140px;width:890px;overflow:hidden;display:none;}
.year_list dt {float:left;width:250px;}
.year_list dt a {color:#363636;font-size:15px;}
.year_list dt>a {display:block;padding-left: 0px; margin-top:-5px;}
.year_list p {font-size:12px;color:#969595;text-indent:2em;height:70px;overflow:hidden;}
.year_list dd {width:600px;float:left;}
.year_list dd span{width:178px; height:139px; display:block; text-align:center; float:left;margin-right: 20px;float:left;}
.year_list dd img {width:178px;height:109px}

/*
.year_grow {width:910px;height:239px;padding:45px 0 0 0; margin:20px auto;background:url('../images/10year_grow.jpg') no-repeat;}
.year_grow ul {padding-left:28px;width:930px;}
.year_grow li {font-size:16px; color:#212121;float:left;margin-right:55px;_display:inline;cursor:pointer;height:15px;padding-top:67px;}
.year_grow li.act {color:#e30000;}
.year_list div {padding:25px 0 0 30px;width:890px;overflow:hidden;display:none;}
.year_list dl {width:215px;padding-left:192px;position:relative;float:left;margin-right:38px;}
.year_list dt {background:url('../images/icon.jpg') no-repeat left center;padding-left:27px;}
.year_list dt a {color:#363636;font-size:15px;}
.year_list p {font-size:12px;color:#969595;text-indent:2em;height:66px;overflow:hidden;}
.year_list dd a {display:block;width:93px;height:18px;background:url('../images/morebg.jpg') no-repeat;line-height:18px;text-align:center;font-size:12px; color:#898989;}
.year_list dd.img {width:178px;height:109px;position:absolute;top:0;left:0;}
*/
/* 10年概览 */
.gailan{background: url('../images/gainiantou.jpg') no-repeat;  width:906px; height:158px;padding:53px 0 0 5px;}  
.gailan dl{float:left; width:300px;height:80px;}
.gailan dt{width:67px;}
.gailan dd{width:198px;padding-top:5px;margin-left:5px;}
.gailan p{font-size:12px; line-height:18px;color:#969595;text-indent:2em;overflow:hidden;height:35px;}
.gailan h4{background: url('../images/icon.jpg') no-repeat left center;padding-left:25px;}
.gailan h4 a{color:#363636;font-size:15px;}
/* 10年感恩 */
.ganen{background: url('../images/ganan.jpg') no-repeat;width:910px;height:223px;padding:53px 0 0 5px;}
.ganen dd{width:520px; padding-left:40px;}
.ganen dt{padding:5px 0 0 20px;}
.ganen h4 a{color:#363636;font-size:19px; font-weight:normal;}
.ganen p{color:#969595;text-indent:2em;}
/* 蓝海杨波 */
.yangbo{background: url('../images/lanhan_b.jpg') no-repeat;width:910px;height:215px;padding:53px 0 0 5px;}
.yangbo dl{position:relative;}
.yangbo dt{padding:5px 0 0 20px;position:relative;}
.yangbo dd.clearfix{float:left;width:532px; padding:13px 0 0 30px;line-height:35px;}
.yangbo dd.clearfix a{background: url('../images/xiaojiao.jpg') no-repeat left center;color:#706e6f; padding-left:27px;float:left;display:block;width:232px;}
dd.small_more {width:92px;height:77px;position:absolute;bottom:10px;right:40px;}
.posybPng{position:absolute;left: 20px;}
/* 蓝海杨帆 */
.yangfan{padding:70px 0 0 10px;position:relative;}
.yangfan li{float:left;width:165px;margin:0 15px 8px 0;color:#363636;font-size:14px; text-align:center;}
.yangfan li img{display:block;}
.yangfan li a{color:#363636;}
.posx{display:block;width:100px;height:27px;position:absolute;top:7px;right:15px;}
/* 蓝海靓影 */
.lianying{background: url('../images/lianying.jpg') no-repeat;padding:58px 0 0 20px;height:241px;}
.lianying li{width:146px;margin:0 22px 0 0;}
.lianying li.frist{width:190px;}
/* 蓝海韵律 */
.yunlv{background: url('../images/yunlv.jpg') no-repeat;width:910px;height:215px;padding:30px 0 0 5px;}
.yunlv dd{width:520px; padding-left:40px;padding-top:3px;}
.yunlv dt{padding:4px 0 0 20px;}
.yunlv dt img {border:1px solid #a8a8a8;}
.yunlv h4 {color:#de012c;font-size:16px; font-weight:normal;}
.yunlv dd{color:#9a9a9a;width:604px;float:left;}
.yunlv div a{color:#ff6e00;text-indent:2em; margin-right:5px;line-height:27px;}
.yunlv dl {margin-bottom:10px;}
.yunlv dd.more{width:165px; height:40px;margin-top: 26px}
.wz{width:100%; height:160px; float:left}
/* 组织机构 */
.zuzhijigou{background: url('../images/zuzhijigou.jpg') no-repeat;width:910px;height:208px;padding:70px 0 0 65px;}
.zuzhijigou ul{float:left;width:220px;padding-right:60px;}
.zuzhijigou h4{color:#090909;font-size:15px;}
/* 主题活动 */
.zhuti{background: url('../images/zhuti.jpg') no-repeat;padding:50px 0 0 20px;height:160px;}
.zhuti li{float:left;width:165px;margin:0 24px;color:#363636;font-size:14px; text-align:center;_display:none;}
.zhuti li img{display:block;}
.zhuti .posPng {margin-top:-144px;}
.zhuti li a{color:#363636;}
/* 参展品牌 */
.pinpai{background: url('../images/pinpai.jpg') no-repeat;padding:70px 0 0 20px;height:500px;}
.pinpai li{float:left;width:103px;margin:0 10px;_display:none;padding-top:15px;}
/* bottom */
.bottom{width:967px;margin-left:-19px;}
.footer{text-align: center;background: url('../images/footer.jpg') repeat-x;height:205px;background-color:#D8D8D8;}

.index_d{
	background: url('../images/top.jpg') no-repeat;
	height:200px;
	position:relative;
}
.pos{display:block;width:64px;height:30px; margin:0 auto;}
.menu{height:30px;position:absolute;top:52px;left:233px;width:550px;}
.menu li{float:left;width:68px;}
.menu li a {display:block;height:30px;text-indent:-9999px;}
.menu li.w85 {width:85px;}
.menu li.w75 {width:75px;}

/* img_note.htm */
.small_menu{ margin-right:24px; text-align:right;padding-top:5px;}
.bigtitle{
	 background: url('../images/small_cao.jpg') no-repeat left center;padding:10px 40px; font-size:20px;
	 font-weight:600; color:#534f4e; margin:15px 0 30px 110px; letter-spacing:10px;
	 border-bottom:1px #534f4e dashed ;width: 570px;
 }
.typeli ul{padding-left:110px;}
.typeli li{background: url('../images/title_dian.jpg') no-repeat left center;float:left;width:300px;padding:0 30px; line-height:35px; font-size:16px;}
.note_body{width:655px; margin:0 auto; padding-right:35px;}
.note_body H4{font-size:16px;color:#e60005;padding-bottom:30px;text-align:center;_display:none;}
.zbody{font-size:14px;line-height:30px;color:#000000;text-indent:2em;}

/* img_type.htm */
.di_style{border-bottom:1px #534f4e dashed;width: 700px;margin:30px 0 160px 92px;}
.typeliimg ul{padding-left:90px;}
.typeliimg li{float:left;width:164px;padding:0 5px; line-height:25px; font-size:12px;padding-bottom:15px;text-align:center;}
.typeliimg a {text-decoration:none; color:#969595;}
.typeliimg p {text-indent:0;padding-top:8px;}
.txt img {margin-right:5px; }
.txt img,.txt span {vertical-align:middle;}

.di_style{border-bottom:1px #534f4e dashed;width: 707px;margin:31px auto;}

/* JS */
.anythingSlider                         { width: 580px; height: 400px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 500px; overflow: auto; height: 400px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 332px; width: 500px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -28px; }
.anythingSlider .back                   { background-position: -67px 0; left: -28px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }
.anythingSlider b 				        {position:absolute;display:block;bottom:-55px; right:0;font-size:16px;}
.anythingSlider b img				    {margin-right:8px; vertical-align:middle;}
.anythingSlider b span				    {vertical-align:middle;}
#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

	/* js部分 */
	.marquee3 {position:relative;width:515px;height:232px;overflow:hidden;float:left;}
	#marquee3 {position:absolute;top:0;left:0;width:513px;height:230px;overflow:hidden;border:1px solid #333;}
	#marquee3 ul li {float:left;width:513px;height:230px;}
	#marquee3 ul li img {display:block;}
	#marquee3 h3 {color:#fff; font-size:15px;}
	#marquee3 a {text-decoration:none;}
	#marquee3 p {color:#ff6600; font-size:12px; font-family:SimSun;text-indent:0;}
	#mar3Nav {position:absolute;right:5px;bottom:10px;}
	#mar3Nav li {float:left;margin:0 3px;width:16px;height:16px;background:#333;border:1px solid #464646;cursor:pointer;
				line-height:16px;font-family:Arial;font-size:10px;color:#FFF;text-align:center;}
	#mar3Nav li.navOn {background:#FF6600;border:1px solid #FFF;}
